﻿
/* CSS Document */
*{margin:0;padding:0;}
body{ background:#fff;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a{text-decoration:none;}
li{list-style:none;}
img{display:block;border:0px;}
/*header*/
#header{width:1000px; margin:0 auto; background:#ffc;border-radius:5px;}
#logo{float:left; width:420px;}
#logo img{padding:20px 0px 25px;}
/*text*/
#logo_text{width:410px;float:left;margin:20px 0px 0px 5px;line-height:20px;}
.texts { width:350px; line-height:20px;font-size:16px;font-weight:500;font-family:"微软雅黑";color:#646060; padding:25px 0px 0px 15px;
text-align:center;}
.texts p{padding-top:10px;dispaly:block;width:385px;height:20px;}
.texts #p{width:100px;padding:10px 0px 0px 255px;}
.texts #p span{color:#f00;}
.texts p:nth-child(1) { -webkit-animation: animations 3s ease-out 1s backwards; -moz-animation: animations 3s ease-out 1s backwards; -o-animation: animations 3s ease-out 1s backwards; -ms-animation: animations 3s ease-out 1s backwards; animation: animations 3s ease-out 1s backwards; }
.texts p:nth-child(2) { -webkit-animation: animations 3s ease-out 4s backwards; -moz-animation: animations 3s ease-out 4s backwards; -o-animation: animations 3s ease-out 4s backwards; -ms-animation: animations 3s ease-out 4s backwards; animation: animations 3s ease-out 4s backwards; }
.texts p:nth-child(3) { -webkit-animation: animations2 5s ease-in-out 7s backwards; -moz-animation: animations2 5s ease-in-out 7s backwards; -o-animation: animations2 5s ease-in-out 7s backwards; -ms-animation: animations2 5s ease-in-out 7s backwards; animation: animations2 5s ease-in-out 7s backwards; }
@-webkit-keyframes animations { 0% {-webkit-transform:translate(0);opacity:0;}
 50% {-webkit-transform:translate(30px);opacity:.5;}
 100% {-webkit-transform:translate(60px);opacity:1;}
}
@-moz-keyframes animations { 0% {-moz-transform:translate(0);opacity:0;}
 50% {-moz-transform:translate(30px);opacity:.5;}
 100% {-moz-transform:translate(60px);opacity:1;}
}
@-o-keyframes animations { 0% {-o-transform:translate(0);opacity:0;}
 50% {-o-transform:translate(30px);opacity:.5;}
 100% {-o-transform:translate(60px);opacity:1;}
}
@-ms-keyframes animations { 0% {-ms-transform:translate(0);opacity:0;}
 50% {-ms-transform:translate(30px);opacity:.5;}
 100% {-ms-transform:translate(60px);opacity:1;}
}
@keyframes animations { 0% {transform:translate(0);opacity:0;}
 50% {transform:translate(30px);opacity:.5;}
 100% {transform:translate(60px);opacity:1;}
}
@-webkit-keyframes animations2 { 0% {opacity:0;}
 40% {opacity:.8;}
 45% {opacity:.3;}
 50% {opacity:.8;}
 55% {opacity:.3;}
 60% {opacity:.8;}
 100% {opacity:1;}
}
@-moz-keyframes animations2 { 0% {opacity:0;}
 40% {opacity:.8;}
 45% {opacity:.3;}
 50% {opacity:.8;}
 55% {opacity:.3;}
 60% {opacity:.8;}
 100% {opacity:1;}
}
@-o-keyframes animations2 { 0% {opacity:0;}
 40% {opacity:.8;}
 45% {opacity:.3;}
 50% {opacity:.8;}
 55% {opacity:.3;}
 60% {opacity:.8;}
 100% {opacity:1;}
}
@-ms-keyframes animations2 { 0% {opacity:0;}
 40% {opacity:.8;}
 45% {opacity:.3;}
 50% {opacity:.8;}
 55% {opacity:.3;}
 60% {opacity:.8;}
 100% {opacity:1;}
}
@keyframes animations2 { 0% {opacity:0;}
 40% {opacity:.8;}
 45% {opacity:.3;}
 50% {opacity:.8;}
 55% {opacity:.3;}
 60% {opacity:.8;}
 100% {opacity:1;}
}
#logo_pic{float:right;width:130px; }
#logo_pic img{padding:20px 0 10px 0;}
/*导航*/
#nav_out{width:100%;height:50px;background:#6cc;border-radius:5px;}
#nav{width:1001px;margin:0 auto;border-radius:5px;height:50px; background:#6cc;margin-top:5px;box-shadow:2px 2px 2px #BDBDBD;}
#nav ul li{float:left;width:140px;text-align:center;margin-right:3px;}
#nav ul li a{width:140px;height:50px;font-size:16px;font-family:"微软雅黑";font-weight:500;color:#fff;line-height:50px;display:block;}
#nav ul li a:hover{dispaly:block;width:140px;height:50px;border-radius:5px;background:#F15694;}
#nav #nav_end a{width:143px;}
#nav #nav_end a:hover,#nav_l{color:#fff;background:#F15694;border-radius:5px;width:143px;height:50px;}
/*header end*/
/*banner*/
#banner{width:1000px;margin:0 auto;margin-top:5px;border-radius:5px;}
/*left*/
#banner .b_left{width:600px;height:300px;font-family:"微软雅黑";margin:5px 0px 0px 3px;}
.b_left .bd { position:relative; float:left; width:480px;height:300px;overflow:hidden;}
.b_left .bd img {width:480px;height:300px;}
.b_left .hd {position:relative; width:110px; float:right; padding-right:4px; z-index:1; }
.b_left .hd ul { position:relative; width:110px; overflow:hidden;   }
.b_left .hd li { height:50px; padding:5px; overflow:hidden;  }
.b_left .hd img {width:100px;height:50px; display:block;  }
.b_left .hoverBg {position:absolute; top:0; left:-10px; width:124px; height:64px; z-index:100; background:url(../images/hover.png) no-repeat;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/hover.png);
		_background:none;
	}
#banner .b_right{width:380px;height:272px;background:url("../images/qeq.jpg") no-repeat;box-shadow:0px 3px 10px #999;
position:relative;border-radius:3px;margin:20px 0px 0px 2px;}
.b_right .yiyu{width:230px;height:120px;position:absolute;right:20px;bottom:50px;color:#F7B0B0;line-height:25px;
font-size:16px;font-family:"宋体";font-weight:500;}
/*模板下载*/
.muban{width:1000px;margin:20px auto;font-family:"微软雅黑";background:#f9f9f9;}
.muban h2{width:215px;height:30px;line-height:30px;padding-left:5px;font-size:16px;color:#fff; background:#4B5153;font-weight:500;
box-shadow:5px 3px 10px #756F71;border-radius:3px;margin-left:6px;}
.muban h2 span{color:#32C7F7;font-size:14px;padding-left:10px;}
.muban .blog-info{width:765px !important; height:30px; line-height:30px;}
.muban .s_mubanlist{width:1000px;}
.s_mubanlist ul{width:1000px;padding:5px 0;}
.s_mubanlist ul li,.s_mubanlist ul p,.s_mubanlist ul h4{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.s_mubanlist ul li{width:230px;border-bottom:1px solid #E0DBDB;margin:10px 6px 10px 10px;background:#fff;display:inline;
float:left;box-shadow:0 1px 1px #ccc;overflow:hidden;}
.s_mubanlist ul li img{padding:10px;}
.s_mubanlist ul li p{padding:0px 10px 0px 10px;font-size:14px;}
.s_mubanlist ul li h4{padding:0px 10px 0px 10px;width:210px;height:30px;line-height:30px;overflow:hidden;font-size:16px;font-weight:500;color:#000;text-align:center;}
.s_mubanlist ul li a{color:#999;}
.s_mubanlist ul li a:hover h4{color:#f00;text-decoration:underline;}
.s_mubanlist ul li a:hover .muban_p2{color:#493F3F;}
.s_mubanlist ul li .muban_p2{width:210px;height:40px;overflow:hidden;color:#747272;margin-bottom:5px;}
.s_mubanlist ul li .muban_p3{width:210px;height:30px;line-height:30px;overflow:hidden;color:#747272;}
.s_mubanlist ul li .muban_p3 span{padding-left:30px;}
.s_mubanlist ul li:hover{box-shadow:0 3px 10px #999;}
/*main*/
#main{width:1000px;margin:0 auto;padding-top:10px;background:#fff;border-radius:5px;margin-top:5px;}
/*left*/
#main_l{width:690px;background-color:#fff;background:url(../images/r_line.jpg) 0px 25px repeat-x;}
#content{width:690px; background:url(../images/h_line.jpg) right top repeat-y;font-family:"微软雅黑"; }
#content h2{font-size:16px;font-family:"微软雅黑";font-weight:600;color:#90c;}
#content h2 span{color:#f36;}
#content .txt{width:600px;}
/*文章 */
/*文章 */
.txt .c_one{margin-top:20px;width:680px;font-size:12px;padding-bottom:15px;border-bottom:1px dashed #999;position:relative;font-family:"微软雅黑";}
.c_one a{color:#312424;}
.c_one a:hover{color:#f36;text-decoration:underline;}
.txt .c_one .po{width:680px;line-height:20px;color:#835757;font-size:16px;font-weight:600;position:relative;}
.po img{display:inline; position:absolute;top:-8px;margin-left:2px;}
.po .ziding{display:inline; position:absolute;top:-11px;margin-left:-3px;}
.txt .c_one .pt{width:680px;height:20px;line-height:20px;font-size:14px;font-family:"微软雅黑";font-weight:500;padding:5px 0;color:#2E2929;}
.txt .c_one p span{padding:0 20px;}
.txt .c_one p #ff {color:#f69;}
.txt .c_one p .f{color:#E61D5C;}
.txt .c_one p .f a:hover{color:#f36;text-decoration:underline;}
.txt .c_one dl dt{float:left;width:178px;height:120px;border:1px solid #ccc;}
.txt .c_one dl dt img{padding:1px}
.txt .c_one dl dd{float:left;width:485px;line-height:22px;font-size:14px;font-family:"微软雅黑";color:#2B2222;padding-left:10px;}
.txt .c_one dl dd .g1{text-indent:1em;}
.txt .c_one dl dd .yuedu {float:right;width:110px;height:45px;display:block;line-height:45px; background:#c63;
text-align:center;border-radius:5px;position:absolute;right:10px;bottom:10px;text-align:center;font-size:16px;font-family:"宋体";}
.txt .c_one dl dd span a{color:#fff;}
.txt .c_one dl dd span:hover{display:block;background:#63c;}
/*web前端*/
#content .s_web{width:330px;border:1px solid #ccc;border-radius:3px;margin-top:5px;float:left;font-family:"微软雅黑";}
.s_web h3{font-size:16px;font-weight:500;width:120px;height:30px;line-height:30px;border-radius:3px; background:#4670F5;
text-align:center;box-shadow: 2px 2px 10px #7E747E;margin:10px 0px 5px 25px;}
.s_web h3:hover{background:#FA656B;}
.s_web h3 a{color:#fff;}
.b_tuijian_list{width:300px; margin:5px 0px 0px 15px;overflow:hidden;}
.b_tuijian_list ul{padding:0 5px 5px 5px; height:190px;background:url("../images/list3.png")3px 6px no-repeat;}
.b_tuijian_list-1 ul{padding:0 5px 5px 5px; height:190px;background:url("../images/list2.png")3px 6px no-repeat;}
.b_tuijian_list ul li{width:240px;height:31px;line-height:31px;padding-left:23px;}
.b_tuijian_list ul li a{color:#000;font-family:"微软雅黑";font-size:14px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.b_tuijian_list ul li a:hover{padding-left:10px;}
/*SEO*/
#content .s_seo{width:340px;margin:5px 0 0 5px;float:left;font-family:"微软雅黑";border:1px solid #ccc;border-radius:3px;}
.s_seo h3{font-size:16px;font-weight:500;width:120px;height:30px;line-height:30px;border-radius:3px; background:#FA656B;
text-align:center;box-shadow: 2px 2px 10px #7E747E;margin:10px 0px 5px 25px;}
.s_seo h3:hover{ background:#4670F5;}
.s_seo h3 a{color:#fff;}
/*right*/
#main_r{width:300px;}
#left_nav{width:300px;background:#fff;padding-top:15px;}
#left_nav ul li{float:left;width:130px;height:50px;margin:0 8px 20px 11px; text-align:center;}
#left_nav ul li a{font-size:16px;font-family:"宋体";font-weight:bold;color:#fff;line-height:50px; display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
#left_nav ul li a:hover{ background: rgba(255,255,255,0.2); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
#left_nav .nav1{background:#666;border-radius:5px;}
#left_nav .nav2{background:#0cc;border-radius:5px;}
#left_nav .nav3{background:#c96;border-radius:5px;}
#left_nav .nav4{background:#63c;border-radius:5px;}
/*关注*/
#main_r .guanzhu{width:280px;height:190px;margin:2px 0px 8px 10px;overflow:hidden;border:1px solid #ccc;border-radius:3px;font-family:"微软雅黑";}
#main_r .guanzhu .gz{color:#F2655E;font-size:16px;padding:5px 0px 5px 5px;font-weight:600;}
#main_r .guanzhu .t1{width:215px;height:30px;padding:5px 0px 5px 5px;line-height:30px;margin-left:20px;}
#main_r .guanzhu .t1 p{display:block;float:left;width:80px;height:30px;}
#main_r .guanzhu .t1 span{display:block;float:left;width:116px;height:30px; background:url("../images/qq_bg.png") 0 0 no-repeat;}
.guanzhu .t2{width:215px;height:30px;padding:5px 0px 5px 5px;line-height:30px;margin-left:20px;}
.guanzhu .t2 p{display:block;float:left;width:80px;height:30px;}
.guanzhu .t2 span{display:block;float:left;width:90px;height:30px; background:url("../images/qq_bg.png") -116px 0 no-repeat;}
.guanzhu .t3{width:215px;height:30px;padding:5px 0px 5px 5px;line-height:30px;margin-left:20px;}
.guanzhu .t3 p{display:block;float:left;width:80px;height:30px;}
.guanzhu .t3 span{display:block;float:left;width:110px;height:25px;background:url("../images/qq_bg.png") -208px 0 no-repeat;}
.guanzhu .t4 {width:215px;height:30px;padding:5px 0px 5px 5px;line-height:30px;margin-left:20px;}
.guanzhu .t4 p{display:block;float:left;width:80px;height:30px;}
.guanzhu .t4 span{display:block;float:left;width:62px;height:26px;background:url("../images/weibo.png") 0  4px no-repeat;}
/*热门文章*/
#main_r #zx{width:290px;margin-left:3px;margin:3px 0 15px 0;}
#zx #xin{font-size:16px;font-family:"微软雅黑";font-weight:600;color:#5E5A5F;padding-left:5px;float:left;width:290px;
height:30px;line-height:30px;position:relative;}
#xin .xiahua{position:absolute;bottom:0;left:22px;width:63px;border-bottom:2px solid red;}
#xin span{color:#f36;}
#xin .dl_ul{border-bottom:1px solid #ccc;display:inline-block;}
#xin ul li{width:94px;height:30px;line-height:30px;float:left;text-align:center;cursor:pointer;}
.wz{width:290px;background:url("../images/list1.png") 0 5px no-repeat ;margin:3px 0 0 5px;}
.wz ul li{width:265px;height:30px;line-height:30px;border-bottom:1px dashed #8B8888;padding-left:23px;overflow:hidden;}
.wz ul li a{font-size:14px;font-family:"微软雅黑";color:#181616;}
.wz ul li a:hover{text-decoration:underline;color:red;font-weight:500;}
/*最新评论*/
#main_r #pinlun{width:270px;margin-left:3px;margin:10px 0;border:1px solid #ccc ;border-radius:5px;font-family:"微软雅黑";
font-size:14px;color:#444;padding:0px 10px;font-weight:500;}
#pinlun p{font-size:16px;font-family:"微软雅黑";font-weight:600;color:#90c;padding:10px 5px 10px 0px;}
#pinlun p span{color:#f36;}
#pinlun a{color:#333;}
#pinlun a:hover{color:#f36;text-decoration:underline;}
/*微信*/
#weixin{width:300px;}
#weixin p{font-size:18px;font-weight:600; color:#E74717;}
#weixin img{display:block;margin:0 auto;}
/*一路走来*/
#main_r #yilu{width:290px;margin-left:3px;margin:10px 0;border:1px solid #ccc ;border-radius:5px;}
#yilu #lu{font-size:16px;font-family:"微软雅黑";font-weight:bold;color:#444;padding:8px 0 5px 5px;}
#yilu #lu #y_s{color:#f33;}
#yilu p{font-size:14px;font-family:"微软雅黑";font-weight:500;padding:5px 0 5px 6px;}
#yilu p span{color:#FF4D4D;font-weight:600;padding-right:10px;}
#yilu p a{color:#FF4D4D;font-size:14px;font-weight:600;}
/*link*/
#main_r #link{width:290px;}
#link p{font-size:16px;font-family:"微软雅黑";font-weight:600;color:#f33;padding-left:5px}
#link #link_text{width:260px;margin-left:20px;}
#link #link_text ul li{float:left;width:120px;height:25px;line-height:25px;text-align:center;}
#link #link_text ul li a{color:#333;font-size:15px;font-family:"微软雅黑";font-weight:500;width:120px;height:25px;dispaly:block;}
#link #link_text ul li a:hover{color:red;}
/*about*/
#about{width:290px;margin:0px 5px;border-radius:5px;border:1px solid #ccc; background:url(../images/about.jpg) top no-repeat;}
#about p{font-size:16px;font-family:"微软雅黑";font-weight:bold;color:#fff;text-align:center;padding-top:17px;}
#about_text{margin-top:40px;color:#000; padding-bottom:20px;}
#about_text ul li{font-size: 14px; font-family: "微软雅黑"; line-height: 20px; padding: 4px 15px 3px 52px; 
   color: #2A2929;}
/*footer*/
footer p{width:1000px; margin:auto;height:40px;text-align: center; line-height: 40px; 
border-top: #E8E8E8 1px solid ;margin-top:20px;font-size:14px;font-family:"微软雅黑";background:#6cc;border-radius:5px;}
footer p span{color:#1D1717;padding-left:5px;}
#tj{width:60px;height:20px;margin:0 auto;}
/*返回*/
.top{width:53px;height:160px; position:fixed;bottom:60px;right:90px;_position:absolute;bottom:60px;right:90px;}
.top .s_xd{position:relative;width:53px}
.top .s_top{width:53px;height:50px; background:url("../images/beijing.png") -41px -110px  no-repeat; position:absolute;top:0px;right:0px;}
.top .s_top:hover{background:url("../images/beijing.png") -93px -110px  no-repeat;}
.top .s_qq{width:53px;height:50px; background:url("../images/beijing.png") -41px -0px  no-repeat;position:absolute; top:55px;right:0px;}
.top .s_qq:hover{background:url("../images/beijing.png") -93px -0px  no-repeat;}
.top .s_guestbook{width:53px;height:50px; background:url("../images/beijing.png") -41px -55px  no-repeat;position:absolute; top:110px;right:0px;}
.top .s_guestbook:hover{background:url("../images/beijing.png") -93px -55px  no-repeat;}
